<template>
  <div class="box">
    <button>{{ aaa }}</button>
    <Son />
  </div>
</template>

<script>
import { inject, provide } from "vue";
import Son from "./Son.vue";

export default {
  components: { Son },

  setup() {
    const aaa = inject("name");
    console.log("Parent aaa", aaa);

    provide("age", 200);

    return {
      aaa,
    };
  },
};
</script>
